<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>会员中心-我的订单-汇银乐虎</title>
<link rel="stylesheet" type="text/css" href="css/base.min.css" />
<link rel="stylesheet" type="text/css" href="css/vip.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
</head>
<body class="bd-vip-bg">
<!--site-nav-->
<div class="site-nav">
 <div class="w cl">
 	<div class="f-l c1">欢迎来到乐虎网!<a href="#">登录</a>|<a href="#">免费注册</a></div>
 	<div class="f-r">
 		<ul>      
 			<li><a href="1">品牌分销</a></li>
 			<li data-popup="hover">
 			  <em></em>
 			  <a href="2" class="popup">我的乐虎<i class="arrow arrow-d"></i><i class="outline"></i></a>
 			  <!--我的乐虎-->
 			  <div class="popup-box sn-p-1 cl">
 			  	<dl>
 			  		<dt class="c2">订单管理</dt>
 			  		<dd><a href="3">我的订单</a></dd>
 			  		<dd><a href="4">我的预购</a></dd>
 			  	</dl>
 			  	<dl>
 			  		<dt class="c3">我的关注</dt>
 			  		<dd><a href="5">关注的商品</a></dd>
 			  		<dd><a href="6">关注的店铺</a></dd>
 			  	</dl>
 			  	<dl>
 			  		<dt class="c4">我的资产</dt>
 			  		<dd><a href="7">我的余额</a></dd>
 			  		<dd><a href="8">便民服务生活卡</a></dd>
 			  		<dd><a href="9">我的积分</a></dd>
 			  		<dd><a href="10">我的乐虎券</a></dd>
 			  	</dl>
 			  	<dl>
 			  		<dt class="c5">客户服务</dt>
 			  		<dd><a href="11">退换货</a></dd>
 			  		<dd><a href="12">安装/维修</a></dd>
 			  		<dd><a href="12">我的投诉</a></dd>
 			  	</dl>
 			  	<dl>
 			  		<dt class="c6">社区中心</dt>
 			  		<dd><a href="13">消息中心</a></dd>
 			  		<dd><a href="14">评价/晒单</a></dd>
 			  		<dd><a href="15">只会管家</a></dd>
 			  	</dl>
 			  </div>
 			  <!--/我的乐虎-->	
 			</li>
 			<li data-popup="hover">
 			    <em></em>
 			    <a href="javascript:;" class="popup">我的关注<i class="arrow arrow-d"></i><i class="outline"></i></a>
 			    <div class="popup-box sn-p-2 cl">
  	 			    <!--我的关注-->
  	 			   	<a href="##" class="f-l">
  	 			   		<i class="icon-b i-b-collection-goods"></i>
  	 			   		<p>收藏的商品</p>
  	 			   	</a>
  	 			   	<a href="##" class="f-l two">
  	 			   		<i class="icon-b i-b-collection-shop"></i>
  	 			   		<p>收藏的店铺</p>
  	 			   	</a>
  	 			    <!--/我的关注-->
 			    </div>
 			</li>
 			<li>
 			    <em></em>
 			    <a href="#">会员俱乐部</a>
 			</li>
 			<li data-popup="hover">
 			    <em></em>
 			    <a href="#" class="popup">客户服务<i class="arrow arrow-d"></i><i class="outline"></i></a>
 			    <!--客户服务-->
 			    <div class="popup-box sn-p-3 cl">
 			    	<a href="#">帮助中心</a>
 			    	<a href="#">售后服务</a>
 			    	<a href="#">在线客服</a>
 			    	<a href="#">投诉中心</a>
 			    	<a href="#">客服邮箱</a>
 			    </div>
 			    <!--/客户服务-->
 			</li>
 			<li data-popup="hover">
 			    <em></em>
 			    <a href="#" class="popup">手机乐虎<i class="arrow arrow-d"></i><i class="outline"></i></a>
 			    <!--手机乐虎-->
 			    <div class="popup-box sn-p-4 cl">
 			    	<img src="img/qrcode.png" alt="" class="f-l"/>
					<h3>乐虎网客户端</h3>
					<p>手机扫一扫马上安装</p>
					<a href="##">苹果版下载</a>
					<a href="##" class="a-two">安卓版下载</a>
 			    </div>
 			    <!--/手机乐虎-->
 			</li>
 			<li data-popup="hover">
 			    <em></em>
 			    <a href="#" class="popup">网站导航<i class="arrow arrow-d"></i><i class="outline"></i></a>
 			    <!--网站导航-->
 			    <div class="popup-box sn-p-5 cl">
 			    	<dl class="cl">
 			    		<dt>一级菜单</dt>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    	</dl>
 			    	<dl class="cl">
 			    		<dt>一级菜单</dt>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    		<dd><a href="##">二级菜单</a></dd>
 			    	</dl>
 			    	<div class="sn-p-5-bottom">
 			    		服务热线：4001 882 108
 			    	</div>
 			    </div>
 			    <!--/网站导航-->
 			</li>
 		</ul>
 	</div>
 </div>
</div>
<!--/site-nav-->
<!--vip-header-->
<div class="vip-header">
  <div class="vip-nav">
  	<div class="w">
  		<a href="#" class="vip-home-a">我的乐虎</a>
  		<ul class="v-nav">
  			<li class="cur"><a href="#">首页</a></li>
  			<li><a href="#">我的订单</a></li>
  			<li data-popup="hover">
  				 <a href="#" class="popup">账户管理 <i class="icon"></i></a>
  				 <div class="popup-box">
  				 	1
  				 </div>
  		    </li>
  			<li><a href="#">消息<i class="icon m">12</i></a></li>
  		</ul>
  		<div class="vip-search">
  			<input type="text" class="in"  value="搜索"/><span class="vip-btn-so icon"></span>
  		</div>
  	</div>
  </div>
  <div class="vip-user-info">
  	<div class="w pl">
  		<!--头像-->
	  	<div class="user-avatar">
	  		<div class="i-avatar">
	  			<img src="img/avatar.png" />
	  			<i class="icon-b"></i>
	  		</div>
	  		<div class="i-tel">(185****6506)</div>
	  	</div>
	  	<!--头像-->
	  	<div class="user-info">
	  		<div class="name">灰色de寒鸦</div>
	  		<div class="rank-v">
	  			<div class="f-l"><span class="f-l"><i class="icon v"></i>银牌会员</span><div class="rank"><span class="f-l"><em style="width:50%"></em></span>1212/10000</div></div>
	  			<div class="f-r"><span class="saf">安全等级:<em>低</em></span><a href="#"><i class="icon pw"></i>修改密码</a><a href="#"><i class="icon eml"></i>绑定邮箱</a></div>
	  	    </div>
	  	</div>
  	</div>
  </div>
</div>
<!--/vip-header-->
<!--vip-main-->
<div class="vip-main w">
	<!--vip-left-->
	<div class="vip-left">
	  <div class="vip-s-box">
	   <h3>交易管理</h3>
	   <a href="#" class="vip-cart">我的购物车(0)</a>
	   <ul class="vip-sidebar">
	   	 <li>
	   	 	 <a href="#" class="a"><i class="icon"></i>订单管理</a>
	   	 	 <ul>
	   	 	 	<li><a href="#">我的订单</a></li>
	   	 	 	<li><a href="#">我的预购</a></li>
	   	 	 </ul>
	   	 </li>
	   	 <li>
	   	 	 <a href="#" class="a"><i class="icon"></i>我的关注</a>
	   	 	 <ul>
	   	 	 	<li><a href="#">关注的商品</a></li>
	   	 	 	<li><a href="#">关注的店铺</a></li>
	   	 	 </ul>
	   	 </li>
	   	 <li>
	   	 	 <a href="#" class="a"><i class="icon"></i>我的资产</a>
	   	 	 <ul>
	   	 	 	<li><a href="#">我的余额</a></li>
	   	 	 	<li><a href="#">便民生活服务卡</a></li>
	   	 	 	<li><a href="#">我的积分</a></li>
	   	 	 	<li><a href="#">我的乐虎券</a></li>
	   	 	 </ul>
	   	 </li>
	   	 <li>
	   	 	 <a href="#" class="a"><i class="icon"></i>客户服务</a>
	   	 	 <ul>
	   	 	 	<li><a href="#">退换货</a></li>
	   	 	 	<li><a href="#">安装/维修</a></li>
	   	 	 	<li><a href="#">我的投诉</a></li>
	   	 	 </ul>
	   	 </li>
	   	 <li>
	   	 	 <a href="#" class="a"><i class="icon"></i>社区中心</a>
	   	 	 <ul>
	   	 	 	<li><a href="#">消息中心<i class="icon">3</i></a></li>
	   	 	 	<li><a href="#">评价/晒单</a></li>
	   	 	 	<li><a href="#">智慧管家</a></li>
	   	 	 </ul>
	   	 </li>
	   </ul>
	   </div>
	   <div class="ad mt1"><a href="#"><img src="img/v-ad-2.jpg" /></a></div>
	</div>
	<!--/vip-left-->
	<!--vip-con-->
	<div class="vip-con">
	   <div class="mc-top">
            <div class="mt-ml-c1">
                <div class="mt-ml-shim">
                    <div class="l-care">
                        <span class="s-date">2014年12月</span>
                        <span class="s-day">13</span>
                        <span id="signin" class="btn-signin">签到</span>
                        <span class="s-week">星期六</span>
                        <span class="sig-day">已签到 :<em>92</em>天</span>
                    </div>
                    <div class="l-conv">
                        <ul>
                            <li>
                                <span>便民生活卡余额</span>
                                <span class="a">￥<em class="air">3267.99</em></span>
                                <a href="#" class="c7">充值</a>
                            </li>
                            <li>
                                <span>我的余额</span>
                                <span class="a">￥<em class="air">110.99</em></span>
                                <a href="#" class="c7">充值</a>
                            </li>
                            <li>
                                <span>我的积分</span>
                                <span class="a"><em class="air">125</em></span>
                                <a href="#" class="c7">查看</a>
                            </li>
                            <li>
                                <span>乐虎券</span>
                                <span class="a"><em class="air">100</em></span>
                                <a href="#" class="c7">查看</a>
                            </li>
                        </ul>
                    </div>
                    <div class="l-pro" id="pro">
                        <ul>
                            <li><a href="#">明星单品齐惠聚！1</a><a href="#">200大牌狂欢继续0.1折</a><a href="#">200大牌狂欢继续0.1折</a></li>
                            <li><a href="#">明星单品齐惠聚！2</a><a href="#">200大牌狂欢继续0.2折</a><a href="#">200大牌狂欢继续0.1折</a></li>
                            <li><a href="#">明星单品齐惠聚！3</a><a href="#">200大牌狂欢继续0.3折</a><a href="#">200大牌狂欢继续0.1折</a></li>
                            <li><a href="#">明星单品齐惠聚！4</a><a href="#">200大牌狂欢继续0.4折</a><a href="#">200大牌狂欢继续0.1折</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mt-ml-c2" id="conven">
                <h3>便民服务</h3>
                <ul class="mc">
                    <li>
                        <a href="#"><i class="icon-b cp"></i><span>彩票</span></a>
                        <a href="#"><i class="icon-b cj"></i><span>抽奖</span></a>
                        <a href="#"><i class="icon-b yhk"></i><span>身边银行</span></a>
                        <a href="#"><i class="icon-b bm"></i><span>便民服务卡</span></a>
                        <a href="#"><i class="icon-b sdf"></i><span>水电煤</span></a>
                        <a href="#"><i class="icon-b hf"></i><span>话费</span></a>
                        <a href="#"><i class="icon-b dyp"></i><span>电影票</span></a>
                        <a href="#"><i class="icon-b jp"></i><span>机票</span></a>
                    </li>
                    <li>
                        <a href="#"><i class="icon-b cp"></i><span>彩票</span></a>
                        <a href="#"><i class="icon-b cj"></i><span>抽奖</span></a>
                        <a href="#"><i class="icon-b yhk"></i><span>身边银行</span></a>
                    </li>
                </ul>
            </div>
		</div>
		<!--订单状态-->
		<div class="my-counts">
		    <ul>
		        <li><a href="#">待付款<em class="c7">(4)</em></a></li>
		        <li><a href="#">待收货<em class="c7">(0)</em></a></li>
		        <li><a href="#">待自提<em class="c7">(7)</em></a></li>
		        <li><a href="#">待评价<em class="c7">(4)</em></a></li>
		        <li><a href="#">我的收藏<em class="c7">(14)</em></a></li>
		        <li><a href="#">会员联盟</a></li>
		    </ul>
		</div>
		<!--/订单状态-->
		<!--物流信息-->
		<div class="logistics">
		    <h3 class="h3"><span class="f-l">我的物流</span><a href="#" class="f-r">查看全部订单</a></h3>
		    <ul>
		        <li>
		          <a href="#" class="img"><img src="img/wl.jpg" /></a>
		          <div class="lg-hold-on">
		              广东省深圳市宝安区新城公司 已签收 签收人：已签收<br>2014-12-14 17:59:08
		          </div>
		          <div class="lg-confirm"><a href="#" class="btn-ty">查看物流</a><a href="#" class="btn-ty">确认收货</a>
		        </li>
		        <li>
		          <a href="#" class="img"><img src="img/wl.jpg" /></a>
		          <div class="lg-hold-on">
		              广东省深圳市宝安区新城公司 已签收 签收人：已签收<br>2014-12-14 17:59:08
		          </div>
		          <div class="lg-confirm"><a href="#" class="btn-ty">查看物流</a><a href="#" class="btn-ty">确认收货</a>
		        </li>
		        <li>
		          <a href="#" class="img"><img src="img/wl.jpg" /></a>
		          <div class="lg-hold-on">
		              广东省深圳市宝安区新城公司 已签收 签收人：已签收<br>2014-12-14 17:59:08
		          </div>
		          <div class="lg-confirm"><a href="#" class="btn-ty">查看物流</a><a href="#" class="btn-ty">确认收货</a>
		        </li>
		        <li>
		          <a href="#" class="img"><img src="img/wl.jpg" /></a>
		          <div class="lg-hold-on">
		              广东省深圳市宝安区新城公司 已签收 签收人：已签收<br>2014-12-14 17:59:08
		          </div>
		          <div class="lg-confirm"><a href="#" class="btn-ty">查看物流</a><a href="#" class="btn-ty">确认收货</a>
		        </li>
		        <li>
		          <a href="#" class="img"><img src="img/wl.jpg" /></a>
		          <div class="lg-hold-on">
		              广东省深圳市宝安区新城公司 已签收 签收人：已签收<br>2014-12-14 17:59:08
		          </div>
		          <div class="lg-confirm"><a href="#" class="btn-ty">查看物流</a><a href="#" class="btn-ty">确认收货</a>
		        </li>
		    </ul>
		</div>
		<!--/物流信息-->
		<!--关注的商品 \关注的店铺 -->
		<div class="ui-tab ui-tab-2 mt1" mod="click" data-ajax="true">
			<div class="ui-tab-nav">
				<ul class="cl">
					<li class="cur"><a href="javascript:;" data-list="attention">关注的商品 (28)</a></li>
					<li><a href="javascript:;" data-list="attenshop">关注的店铺 (28)</a></li>
				</ul>
			</div>
			<div class="ui-tab-con">
				<!--关注的商品-->
				<div class="v-recommend" id="recommend1">
				</div>
				<!--关注的店铺-->
				<div class="v-recommend hide" id="recommend2">
				</div>
			</div>
		</div>
		<!--/浏览记录\根据您的浏览记录猜您喜欢-->
		<!--您浏览过的 \与您浏览记录猜您喜欢 \与您购买记录猜您喜欢\热卖商品 -->
		<div class="ui-tab ui-tab-2 mt1" mod="click" data-ajax="true">
			<div class="ui-tab-nav">
				<ul class="cl">
					<li class="cur"><a href="javascript:;" data-list="attention">您浏览过的</a></li>
                    <li><a href="javascript:;" data-list="attention">与您<em class="c7">浏览</em>记录猜您喜欢</a></li>
					<li><a href="javascript:;" data-list="attention">与您<em class="c7">购买</em>记录猜您喜欢</a></li>
					<li><a href="javascript:;" data-list="attention">热卖商品</a></li>
				</ul>
			</div>
			<div class="ui-tab-con">
				<!--您浏览过的-->
				<div class="v-recommend" id="recommend3">
				</div>
				<!--与您浏览记录猜您喜欢-->
				<div class="v-recommend hide" id="recommend4">
				</div>
				<!--与您购买记录猜您喜欢-->
				<div class="v-recommend" id="recommend5">
				</div>
				<!--热卖商品-->
				<div class="v-recommend hide" id="recommend6">
				</div>
			</div>
		</div>
		<!--您浏览过的 \与您 浏览 记录猜您喜欢 \与您 购买 记录猜您喜欢\热卖商品 -->
		<!--广告-->
		<div class="ad mt15"><a href="#"><img src="img/v-ad-1.jpg" /></a></div>
		<!--/广告-->
	  </div>
	<!--/vip-con-->
</div>
<!--/vip-main-->
<!--footer-->
<div class="footer">
	<div class="w">
		<!--网站链接-->
		<div class="f-top cl">
			<dl>
				<dt>购物指南<i class="icon-b i-b-footer1"></i></dt>
				<dd><a href="##">购物流程</a></dd>
				<dd><a href="##">发票制度</a></dd>
				<dd><a href="##">账户管理</a></dd>
				<dd><a href="##">会员优惠</a></dd>
			</dl>
			<dl>
				<dt>支付方式<i class="icon-b i-b-footer2"></i></dt>
				<dd><a href="##">乐虎券使用</a></dd>
				<dd><a href="##">便民支付卡支付</a></dd>
				<dd><a href="##">在线支付</a></dd>
				<dd><a href="##">发票说明</a></dd>
			</dl>
			<dl>
				<dt>订单服务<i class="icon-b i-b-footer3"></i></dt>
				<dd><a href="##">订单状态说明</a></dd>
				<dd><a href="##">自助取消订单</a></dd>
				<dd><a href="##">修改订单</a></dd>
			</dl>
			<dl>
				<dt>配送方式<i class="icon-b i-b-footer4"></i></dt>
				<dd><a href="##">贮物柜自提</a></dd>
				<dd><a href="##">配送说明</a></dd>
				<dd><a href="##">验收与签收</a></dd>
			    <dd><a href="##">配送进度查询</a></dd>
			</dl>
			<dl>
				<dt>消费保障<i class="icon-b i-b-footer5"></i></dt>
				<dd><a href="##">售后政策</a></dd>
				<dd><a href="##">退换货说明</a></dd>
				<dd><a href="##">退换货进度查询</a></dd>
			    <dd><a href="##">售后服务电话</a></dd>
			</dl>
			<dl>
				<dt>商家服务<i class="icon-b i-b-footer6"></i></dt>
				<dd><a href="##">招商入驻</a></dd>
				<dd><a href="##">商家中心</a></dd>
				<dd><a href="##">运营服务</a></dd>
			    <dd><a href="##">大宗采购</a></dd>
			</dl>
		</div>
		<!--/网站链接-->
		<!--相关信息-->
		<div class="f-center cl">
			<div class="f-c-con f-c-one f-l pl">
				<img src="img/qrcode.png" alt=""/>
				<h3>乐虎网客户端</h3>
				<p>手机扫一扫马上安装</p>
				<a href="##">苹果版下载</a>
				<a href="##" class="a-two">安卓版下载</a>
				<i class="f-c-gap"></i>
			</div>
			<div class="f-c-con f-c-two f-l pl">
				<img src="img/qrcode.png" alt=""/>
				<h3>乐虎网微信</h3>
				<p>微信扫一扫马上关注<br /> 万千优惠资讯抢先收到，<br /> 互动、查物流一步搞定</p>
				<i class="f-c-gap"></i>
			</div>
			<div class="f-c-con f-c-three f-l pl">
				<h3>关注我们</h3>
				<a href="##"><i class="icon i-weibo1"></i>新浪微博</a>
				<a href="##"><i class="icon i-weibo2"></i>腾讯微博</a>
				<i class="f-c-gap"></i>
			</div>
			<div class="f-c-con f-c-four f-l pl">
				<h3>联系方式</h3>
				<p>
					客服热线：400-188-2108 <br />
					服务时间：8：00-21:00 <br />
					联系地址：扬州市文昌中路277号汇银大厦 
					六楼电子商务部
				</p>
			</div>
		</div>
		<!--/相关信息-->
		<!--其它信息-->
		<div class="f-bottom">
			<div class="f-b-con f-b-one">
				<a href="##">关于我们</a>|
				<a href="##">我们的团队</a>|
				<a href="##">联系我们</a>|
				<a href="##">广告服务</a>|
				<a href="##">友情链接</a>|
				<a href="##">新闻公告</a>|
				<a href="##">意见反馈</a>|
				<a href="##">汇银俱乐部</a>|
				<a href="##">商家登录</a>
			</div>
			<div class="f-b-con">
				<a href="##">苏ICP备12072382号 </a>|
				<a href="##">苏B2-20120423</a>|
				<a href="##">营业执照</a>
			</div>
			<div class="f-b-con">
				Copyright© 乐虎网  2011-2014.All Rights Reserved.
			</div>
			<div class="f-b-con f-b-four">
				<a href="##"><img src="images/footer_b_1.png" alt="" /></a>
				<a href="##"><img src="images/footer_b_2.png" alt="" /></a>
				<a href="##"><img src="images/footer_b_3.png" alt="" /></a>
				<a href="##"><img src="images/footer_b_4.png" alt="" /></a>
			</div>
		</div>
		<!--/其它信息-->
	</div>
</div>
<!--/footer-->
<script type="text/javascript" src="js/base.min.js"></script>
<script type="text/javascript">
  $(function(){
     HY.slides({element:"#pro",mod:"top",isControlNav:false})
     HY.mscroll({element:"#conven",pos:"left",scrolltype:"nav",isSingle:true})
  })
</script>
</body>
</html>
